<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ include file="/skin2014/commonJava.jsp"%> 
<html>
  <head>
	<link media="screen" href="<%=skin2014Css %>banenr.css" type="text/css" rel="stylesheet" />
	<link media="all" href="<%=skin2014Css %>banenrIE7.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="<%=skin2014Jquery %>easySlider1.5.js"></script>
  <script type="text/javascript">
	  $(document).ready(function(){	
			$("#slider").easySlider({
				auto: true,
				continuous: true,
				width: 1000,
				height: 300
			});
		});
  </script>
   <style type="text/css">  
        .mask {    
                PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: 50px; PADDING-TOP: 0px;
            	DISPLAY: block; TOP: 301px; height:28px; 
            	POSITION: absolute; filter: alpha(opacity=60); background-color: #000000;  
           		z-index: 1; 
           		opacity:0.6; -moz-opacity:0.6;  
           		font-size: 12px; line-height: 28px; font-family: "宋体";	color:#FFFFFF;
            }  
    </style>  
  </head>
  <body>
  	<div id="content">
  		<div id="feature"> 
  		<%-- 	<img style="height: 140px;" class="featured" src="<%=skin2014Img %>ribbon_featured.png" alt="Featured Project"/>  --%>
	 	<div id="slider">
	      <ul>
	        <li><a href="#"><img class="featureImg" src="<%=skin2014Img %>feature_1.jpg" alt="Juice Web Redesign" /></a></li>
	        <li><a href="#"><img class="featureImg" src="<%=skin2014Img %>feature_2.jpg" alt="Fashion by Mtvaaaa"  /></a></li>
	        <li><a href="#"><img class="featureImg" src="<%=skin2014Img %>feature_3.jpg" alt="Pounce Treats0002" /></a></li>
	      </ul>
	    </div>
	  </div>
	</div>
  </body>
</html>
